<template>
	<view class="noNetwork">
		<view class="noNetworkIcon"><image src="../../static/images/icon/icon_noNetwork.png" mode=""></image></view>
		<view class="noNetwork_tags">您的网络断开了,请稍后重试</view>
		<button class="yellow_btn" @tap="goBack">返回重试</button>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		goBack() {
			uni.navigateBack();
		}
	}
};
</script>

<style lang="scss">
.noNetwork {
	min-height: 100vh;
	box-sizing: border-box;
	padding: 150rpx 150rpx 0;
	background-color: #f9f9f9;
	.noNetworkIcon {
		display: flex;
		justify-content: center;
		margin-bottom: 80rpx;
		image {
			width: 300rpx;
			height: 300rpx;
			border-radius: 50%;
		}
	}
	.noNetwork_tags {
		text-align: center;
		font-size: 30rpx;
		color: #333;
		margin-bottom: 230rpx;
	}
}
</style>
